<template>
<div id="ForeHome">
  <div :class="['ForeHome-layout',$route.path == '/'?'height15vh':'']"
       v-if="checkShow()"
  >
    <ForeLayout></ForeLayout>
  </div>
  <ForeIndex v-if="$route.path === '/'"></ForeIndex>
  <router-view></router-view>
</div>
</template>

<script>
import ForeLayout from "@/Layout/ForeLayout";
import ForeIndex from "./ForeIndex";

export default {
  name: "ForeHome",

  created() {
    console.log("-----")
    console.log(this)
  },

  components:{
    ForeLayout,
    ForeIndex
  },

  methods:{
    checkShow(){
      if(this.$route.path != '/publish'){
        return true
      }
    }
  }
}
</script>

<style lang="less" scoped>
#ForeHome{
  height: 100vh;
}
.ForeHome-layout{
  padding-bottom: 20px;
  background-image: linear-gradient(to bottom right,#F3F4F5FF, #f4f5f5);
  background-color: #f4f5f5;
  height: 9vh;
}
.height15vh{
  height: 15vh;
}
</style>
